.fdn-reserve {
  width: 100%;
  height: 100%;

  div[class~='ant-collapse-header'] {
    padding: 5px 10px 5px !important;
  }

  div[class~='ant-collapse-content-box'] {
    padding: 5px 10px 5px !important;

    &>div{
      display: flex;
      flex-wrap: wrap;

      .com-tag {
        margin: 3px 5px;
        width: 70px;
        display: flex;
        justify-content: center;
    
        &:hover {
          cursor: move;
          color: #4395ff;
          font-weight: bold;
          box-shadow: 1px 1px 1px 1px #4395ff;
        }
      }
    }
  }

  div[class~='ghostClass'] {
    border-top: 5px solid #4395ff;
  }

  div[class~='chosenClass'] {
    opacity: 0.7;
  }

  div[class~='dragClass'] {
    background-color: #fff !important;
    opacity: 0.7 !important;
    border: 2px dashed #4395ff !important;
    box-shadow: none !important;
    outline: none !important;
    background-image: none !important;
  }
}